<template lang="pug">
view(class="w-full mb-1")
  swiper(class="h-[50vw] w-full bg-neutral-300" circular autoplay indicator-dots )
    swiper-item.w-full.h-full(v-for="(item,i) in  5" :key="i" )
      image.h-full.w-full(mode="aspectFit" src="@/static/pic.png")
template(v-for="(item,i) in 3" )
  .flex.px-4.mt-5.mb-3.justify-between
    .font-bold.text-base 分类1

  .px-4.grid.grid-cols-2.gap-3
    GoodsCard(v-for="item in 2" :key="item")
.h-32

</template>
<script setup>
// import SearchbarBtn from '@/components/serchbarbtn.vue';
import GoodsCard from "@/components/goodsCard.vue";

</script>
<style scoped lang="scss">
page{
  @apply bg-gray-50;
}
</style>